<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>新用户注册</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/darktooltip.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/style.css">
</head>

<body class="register-bg">
	<div class="register-header">
    	<div class="container">
            <div class="row">
                <div class="col-xs-8">
                    <h1 class="register-logo"><span>新用户注册</span></h1>
                </div>
                <div class="col-xs-4">
                    <a href="#" class="register-back">返回首页</a>
                </div>
            </div>
        </div>
    </div>
    <div class="container re-main">
    	<div class="row">
        	<div class="col-md-7">
            	<div class="re-area">
                	<div class="re-item">
                    	<input type="text" placeholder="手机号码" class="re-phoneNumber">
                        <div class="prompt-text phoneNumber-text">请输入正确的手机号</div>
                    </div>
                    <div class="re-item">
                    	<input type="text" placeholder="登录密码" class="re-password01" data-tooltip="6-40个字符,大小写英文、数字、符号组合，但不能单独使用" >
                        <div class="prompt-text pwdMsg-text"></div>
                        <div class="strongAndWeak">
                            <ul>
                                <li>危险</li>
                                <li>一般</li>
                                <li>安全</li>
                            </ul>
                            <p><span>危险</span><span>一般</span><span>安全</span></p>
                        </div>
                    </div>
                    <div class="re-item">
                    	<input type="text" placeholder="确认密码" class="re-password02">
                        <div class="prompt-text pwdMsg02-text"></div>
                    </div>
                    <div class="re-item">
                    	<input type="text" placeholder="请输入验证码" class="re-code">
                        <button class="btn">获取验证码</button>
                        <div class="prompt-text"></div>
                    </div>
                    <div class="re-dragArea">
                    	<div class="re-succeed"></div>
                        <div class="re-dragBlock"><span class="glyphicon glyphicon-arrow-right"></span></div>
                        <div class="re-dragLock">
                        	<span>请按住滑块，拖动到最右边</span>
                        </div>
                    </div>
                    <div class="re-agreement">点击注册，表示您同意<a href="javascript:;" onClick="$('#re-agreement-modal').modal()">《便民服务平台服务协议》</a></div>
                    <div class="re-agreement-btn"><button class="btn btn-green btn-block" onClick="$('.register-success').modal();">同意协议并注册</button></div>
                </div>
            </div>
            <div class="col-md-5">
            	<div class="re-loginArea">
                	<div class="re-la-hd">
                    	已有账户？ <button class="btn btn-blue login-btn">立即登录</button>
                    </div>
                    <div class="re-la-ewm"><img src="images/ewm.jpg"><p>扫描下载账上公安APP</p></div>
                    <div class="re-la-otherLogin">
                    	<p>使用第三方帐号登录</p>
                        <a href="#" class="re-la-qq"><i></i>QQ</a>
                        <a href="#" class="re-la-sina"><i></i>新浪微博</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="re-footer">
        <p>Copyright©2011-2014版权所有 江苏欧索软件有限公司 苏ICP备10023489-1号</p>
    </div>

    <!--模态框 协议-->
    <div class="modal fade" id="re-agreement-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            <h4 class="modal-title" id="myModalLabel">便民服务平台服务协议</h4>
          </div>
          <div class="modal-body">
                这里是协议...
          </div>
          
        </div>
      </div>
    </div>
    
    <!--模态框 注册成功-->
    <div class="modal fade register-success" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            <h4 class="modal-title" id="myModalLabel">注册成功</h4>
          </div>
          <div class="modal-body">
                <div class="btn-box">
                	<button class="btn btn-blue btn-lg">返回首页</button>
                    <button class="btn btn-green btn-lg">完善信息</button>
                </div>
          </div>
          
        </div>
      </div>
    </div>

<script src="js/require.js" data-main="js/main" id="current-page" current-page ="register"></script>

</body>
</html>
